/* ===================================================================================

Theme Name: Moderna Responsive Site Template
Theme URI: http://pixel-industry.com/moderna/Boxed/
Description: Moderna is Responsive and Creative Site Template 
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.1

Style: orange

======================================================================================*/

/*=====================================================================================
        BASIC STYLES
======================================================================================*/
a{
    color: #f1784d;
}

a:hover{
    color: #f1a68b;
}

/* TEXT HIGHLIGHT */
.highlight-style{
    background: #f1784d;
    color: #fff;
}

/*FINDOUT MORE LINK STYLE */
.find-out-more, a.find-out-more{
    color: #f1784d;
}

a.find-out-more:hover{
    color: #f1a68b;
}



/*=====================================================================================
        HEADER CONTAINER STYLES
======================================================================================*/
#logo a{
    background: url('../img/orange/logo.png') no-repeat;
    height: 25px;
	width: 247px !important;
	display: block;
	text-indent: -9999px;
}


/*=====================================================================================
        SLIDER 
======================================================================================*/
.slide-elements h3 span{
    color: #f1784d;
}


/*=====================================================================================
        HOME PAGE STYLES
======================================================================================*/
/* PORTFOLIO CAROUSEL */
.carousel .carousel-nav li:hover{
    background: #f1784d;
}



/*=====================================================================================
        SERVICES PAGE STYLES
======================================================================================*/

.icon1:hover{
    background: #f1784d url('../img/services/brush.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon2:hover{
    background: #f1784d url('../img/services/box.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon3:hover{
    background: #f1784d url('../img/services/mac.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon4:hover{
    background: #f1784d url('../img/services/chart.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon5:hover{
    background: #f1784d url('../img/services/pie.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon6:hover{
    background: #f1784d url('../img/services/rocke-t.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon7:hover{
    background: #f1784d url('../img/services/android.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon8:hover{
    background: #f1784d url('../img/services/arrow-down.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon9:hover{
    background: #f1784d url('../img/services/arrow-left.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon10:hover{
    background: #f1784d url('../img/services/arrow-right.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon11:hover{
    background: #f1784d url('../img/services/arrow-up.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon12:hover{
    background: #f1784d url('../img/services/book.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon13:hover{
    background: #f1784d url('../img/services/calendar.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon14:hover{
    background: #f1784d url('../img/services/camera.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon15:hover{
    background: #f1784d url('../img/services/chain.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon16:hover{
    background: #f1784d url('../img/services/chain2.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon17:hover{
    background: #f1784d url('../img/services/chrome.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon18:hover{
    background: #f1784d url('../img/services/firefox.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon19:hover{
    background: #f1784d url('../img/services/safari.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon20:hover{
    background: #f1784d url('../img/services/clapboard.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon21:hover{
    background: #f1784d url('../img/services/cog.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon22:hover{
    background: #f1784d url('../img/services/construction.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon23:hover{
    background: #f1784d url('../img/services/cup.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon24:hover{
    background: #f1784d url('../img/services/cut.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon25:hover{
    background: #f1784d url('../img/services/download.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon26:hover{
    background: #f1784d url('../img/services/flag.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon27:hover{
    background: #f1784d url('../img/services/folder.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon28:hover{
    background: #f1784d url('../img/services/globe.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon29:hover{
    background: #f1784d url('../img/services/graph.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon30:hover{
    background: #f1784d url('../img/services/hd.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon31:hover{
    background: #f1784d url('../img/services/help.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon32:hover{
    background: #f1784d url('../img/services/home.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon33:hover{
    background: #f1784d url('../img/services/idea.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon34:hover{
    background: #f1784d url('../img/services/image.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon35:hover{
    background: #f1784d url('../img/services/lab.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon36:hover{
    background: #f1784d url('../img/services/label.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon37:hover{
    background: #f1784d url('../img/services/lock.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon38:hover{
    background: #f1784d url('../img/services/mail.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon39:hover{
    background: #f1784d url('../img/services/marker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon40:hover{
    background: #f1784d url('../img/services/paperclip.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon41:hover{
    background: #f1784d url('../img/services/pdf.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon42:hover{
    background: #f1784d url('../img/services/pencil.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon43:hover{
    background: #f1784d url('../img/services/phone.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon44:hover{
    background: #f1784d url('../img/services/preview.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon45:hover{
    background: #f1784d url('../img/services/rss.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon46:hover{
    background: #f1784d url('../img/services/shop.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon47:hover{
    background: #f1784d url('../img/services/shop.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon48:hover{
    background: #f1784d url('../img/services/speaker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon49:hover{
    background: #f1784d url('../img/services/tool.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon50:hover{
    background: #f1784d url('../img/services/warning.png')  no-repeat;
    background-position:  -0px -0px;
}



/*=====================================================================================
        PORTFOLIO PAGE STYLES
======================================================================================*/
#portfolio-filter li a:hover{
    color: #f1784d;
}

#portfolio-filter .active a{
    color: #f1784d !important;
}

figcaption .category{
    color: #f1784d;
    text-transform: none;
}

figure.img-styled .img-hover{
    background: #f1784d;
}

figure.img-styled .img-hover li.portfolio-single:hover{
    background: url('../img/orange/chain-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-grid:hover{
    background: url('../img/orange/grid-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-zoom:hover{
    background: url('../img/orange/zoom-hover.png') no-repeat center;
}

/* PORTFOLIO WITH SHOWCASE - SHOWCASE ITEM STYLE */
.showcase-nav li a:hover{
    color: #f1a68b;
}



/*=====================================================================================
        BLOG PAGE STYLES
======================================================================================*/
.grid_9.blog .meta .category.design{
    background: #f1784d url('../img/pen.png') no-repeat center;
}

.grid_9.blog .meta .category.photo{
    background: #f1784d url('../img/picture.png') no-repeat center;
}

.grid_9.blog .meta .category.video{
    background: #f1784d url('../img/movie.png') no-repeat center;
}


/* POST CONTENT STYLING */
.grid_9.blog .post .post-title a{
    background: #f1784d;
    text-shadow: 2px 2px #cc6540;
}


/* BLOG POST COMMENTS */
.post-comments .comments-li .comment .comment-meta h5:hover{
    color: #f1784d;
}

.comment-form .submit{
    text-shadow: 2px 2px #cc6540;
}


/* BLOG POST NO IMAGE POST TITLE */
.grid_9.blog .post.no-image .post-title a:hover{
    color: #f1784d;
}

/*=====================================================================================
        CONTACT PAGE STYLE
======================================================================================*/
.contact-form .submit{
    text-shadow: 2px 2px #cc6540;
}



/*=====================================================================================
        SIDEBAR  STYLE
======================================================================================*/
.aside-widgets li a:hover{
    color: #f1784d;
}



/*=====================================================================================
        PAGINATION STYLE
======================================================================================*/
.pagination li:hover, .pagination li.arrow:hover{
    background: #f1784d;
}

.pagination li.active{
    background: #f1784d;
}



/*=====================================================================================
        FOOTER STYLES
======================================================================================*/
.container_12 .copyright .to-top:hover{
    background: #f1784d;
}



/*=====================================================================================
        ELEMENTS
======================================================================================*/
/* BUTTON BIG STYLE */

.btn-big.style-color{
    background: url('../img/orange/btn-big.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #cc6540;
}

.btn-big.style-color span{
    text-shadow: 2px 2px #cc6540;
}

.btn-big.style-color:hover{
    background: url('../img/orange/btn-big.png') repeat-x;
    background-position: -0px -45px;
}

.btn-big.style-color:active{
    background: url('../img/orange/btn-big.png') repeat-x;
    background-position: -0px -90px;
}


/* MEDIUM BUTTON STYLE */
.btn-medium.style-color{
    background: url('../img/orange/btn-med.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #cc6540;
}

.btn-medium.style-color span{
    text-shadow: 1px 1px #cc6540;
}

.btn-medium.style-color:hover{
    background: url('../img/orange/btn-med.png') repeat-x;
    background-position: -0px -30px;
}

.btn-medium.style-color:active{
    background: url('../img/orange/btn-med.png') repeat-x;
    background-position: -0px -60px;
}


/* SMALL BUTTON STYLE */
.btn-small.style-color{
    background: url('../img/orange/btn-small.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #cc6540;
}

.btn-small.style-color span{
    text-shadow: 1px 1px #cc6540;
}

.btn-small.style-color:hover{
    background: url('../img/orange/btn-small.png') repeat-x;
    background-position: -0px -26px;
}

.btn-small.style-color:active{
    background: url('../img/orange/btn-small.png') repeat-x;
    background-position: -0px -52px;
}



/* TABS STYLES */
.tabs li a:hover, .tabs li.active a{
    color: #f1784d;
}



/* COLORED LIST STYLE */
/* CHECKLIST */
.list-check{
    background: url('../img/orange/check-mark.png') 0 6px no-repeat;
}

/* ARROW */
.list-arrow{
    background: url('../img/orange/arrow-mark.png') 0 10px no-repeat;
}

/* ERROR */
.list-error{
    background: url('../img/orange/error-mark.png') 0 10px no-repeat;
}

/* SQUARE */
.list-square{
    background: url('../img/orange/square-mark.png') 0 11px no-repeat;
}

/* STAR */
.list-star{
    background: url('../img/orange/star-mark.png') 0 9px no-repeat;
}

/* THUMBDOWN */
.list-thumbdown{
    background: url('../img/orange/thumbdown-mark.png') 0 8px no-repeat;
}

/* THUMBUP */
.list-thumbup{
    background: url('../img/orange/thumbup-mark.png') 0 7px no-repeat;
}

/* ACCORDION */
.vertical-toggle div.title .text:hover{
    color: #f1784d;
}

/* TOGGLE */
.accordion .title a:hover{
    color: #f1784d;
}

/*=====================================================================================
        COLUMNS - 960 GS ILLUSTRATION
======================================================================================*/
.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover, 
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    background: #f1784d;
}


